<!doctype html>
<html class="no-js" lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="黄骅市豆豆科技是一家进行网站建设和网页设计的专业网络科技公司，为各行业客户提供独到的网站设计建设、平面设计、广告拍摄/摄影、营销策划、网络运营、网络化办公服务。我们是一家生产软件的企业。">
    <meta name="keywords" content="黄骅,网络公司,做网站,网站建设,SEO,网站优化,做APP,IOS,Android,微信,微信公众号，科技运营">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,adress=no">
    <meta name="location" content="province=河北;city=沧州;coord=117.3366,38.377556">
    <title>黄骅市豆豆科技有限公司</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="shortcut icon" type="image/png" href="images/favicon.png">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="黄骅市豆豆科技"/>
    <link rel="apple-touch-icon-precomposed" href="images/app-icon72x72@2x.png">
    <meta name="msapplication-TileImage" content="images/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/style.min.css">
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
</head>
<!--[if lt IE 9]>
<div class="am-modal am-modal-no-btn am-modal-active" tabindex="-1" id="doc-modal-1" style="display: block; width: 400px; margin-left: -200px; margin-top: -112px;">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">豆豆科技安全提醒</div>
        <div class="am-modal-bd">你的浏览器太古董了，还不换一个你就奥特曼了<a href="http://browsehappy.com/" target="_blank" class="am-btn am-btn-danger am-btn-sm am-radius" rel="nofollow">速速点击换一个</a></div>
    </div>
</div>
<![endif]-->
<body>
<header class="m-hd">
    <section data-am-sticky class="am-show-md-up">
        <div class="am-container">
            <a href="./index.html" rel="nofollow" class="m-logo"><i class="am-icon-spinner"></i> DouDou Network</a>
            <nav>
                <ul class="m-nav am-nav am-nav-pills am-fr my-navlist">
                    <li><a href="#intro" rel="nofollow" class="toIntro">简介</a></li>
                    <li><a href="#content" rel="nofollow" class="toContent">服务内容</a></li>
                    <li><a href="#about" rel="nofollow" class="toAbout">关于我们</a></li>
                    <li><a href="#link" rel="nofollow" class="toLink">联系我们</a></li>
                </ul>
            </nav>
        </div>
    </section>
    <nav data-am-widget="header" class="am-header am-show-sm-only">
        <div class="am-header-left am-header-nav">
        </div>
        <h1 class="am-header-title">
            <a href="./index.html" rel="nofollow">豆豆科技</a>
        </h1>
        <div class="am-header-right am-header-nav">
        </div>
    </nav>
</header>
<div id="intro" data-am-widget="slider" class="am-slider am-slider-i2" data-am-flexslider="{controlNav:false}">
    <ul class="am-slides">
        <li class="am-slider-images" style="background-image: url(images/banner1.jpg)">
            <div class="am-container am-slider-desc">
                <div class="am-slider-content">
                    <h2 class="am-slider-title am-animation-slide-left" data-am-scrollspy="{animation: 'slide-left', delay: 100}">“互联网+”订制服务，助力企业起飞</h2>
                    <p data-am-scrollspy="{animation:'slide-right', delay: 600}" class="am-animation-slide-right">来自豆豆科技永不畏惧的创新力量</p>
                    <a href="#" class="am-btn-xs am-btn am-btn-danger am-radius am-animation-slide-bottom am-animation-delay-1 toContent" rel="nofollow" data-am-scrollspy="{animation:'slide-bottom', delay: 100}">READ MORE</a>
                </div>
            </div>
        </li>
    </ul>
</div>
<div id="content" class="am-container m-home-box">
    <hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100, repeat: false}">
        <h2>服务内容</h2>
        <br>
        <p>黄骅市豆豆科技是一家专业的网络科技公司，全力为各行业客户提供独到的网站设计建设、微信公众平台建设、APP私人定制、网络营销策划、H5定制等高端订制服务。</p>
    </hgroup>
    <section class="m-case-list">
        <ul class="am-avg-sm-1 am-avg-md-3 am-avg-lg-3 am-thumbnails">
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 196, repeat: false}">
                <figure class="effect-lily">
                    <img src="images/loading.gif" alt="网站设计建设" data-echo="cimg/46.jpg" class="am-img-responsive">
                    <figcaption>
                        <h3>网站设计建设</h3>
                        <p>着力于企业官网开发，相关论坛建设</p>
                        <p>同时在电脑、平板和手机上运行</p>
                    </figcaption>
                </figure>
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 174, repeat: false}">
                <figure class="effect-lily">
                    <img src="images/loading.gif" alt="微信公众平台建设" data-echo="cimg/53.jpg" class="am-img-responsive">
                    <figcaption>
                        <h3>微信公众平台建设</h3>
                        <p>专注高端定制微信公众平台</p>
                        <p>例：微信官网、微商城、微信投票等</p>
                    </figcaption>
                </figure>
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 119, repeat: false}">
                <figure class="effect-lily">
                    <img src="images/loading.gif" alt="APP私人定制" data-echo="cimg/60.jpg" class="am-img-responsive">
                    <figcaption>
                        <h3>APP私人定制</h3>
                        <p>承接IOS、Android平台APP私人定制</p>
                        <p>商业想法、生日礼物，你有需求我们有技术</p>
                    </figcaption>
                </figure>
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 119, repeat: false}">
                <figure class="effect-lily">
                    <img src="images/loading.gif" alt="网络营销策划" data-echo="cimg/70.jpg" class="am-img-responsive">
                    <figcaption>
                        <h3>网络营销策划</h3>
                        <p>“互联网+”产品设计、网络营销</p>
                        <p>树立企业互联网形象，创建商家与用户的沟通平台</p>
                    </figcaption>
                </figure>
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 119, repeat: false}">
                <figure class="effect-lily">
                    <img src="images/loading.gif" alt="H5定制" data-echo="cimg/82.jpg" class="am-img-responsive">
                    <figcaption>
                        <h3>H5定制</h3>
                        <p>专属定制H5请帖、宣传页</p>
                    </figcaption>
                </figure>
            </li>
        </ul>
    </section>
</div>
<hr>
<div id="about" class="am-container">
    <section class="am-g m-footer-container">
        <section class="am-u-sm-12 am-u-md-12 am-u-lg-6">
            <h2>关于我们</h2>
            <p>黄骅市豆豆科技成立于2016年，专注于网站建设和网页设计，为各行业客户提供独到的网站设计建设、微信公众平台建设、APP私人定制、网络营销策划、H5定制等高端订制服务。我们是一家生产软件的企业。</p>
        </section>
    </section>
</div>
<div id="link" class="m-home-box m-contact">
    <section class="am-container">
        <hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
            <h2>联系我们</h2>
            <p>你可以通过以下方式和我们取得联系。</p>
        </hgroup>
        <ul class="am-avg-lg-4 am-avg-md-4 am-avg-sm-1 am-thumbnails">
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 2}"> <i class="am-icon-qq"></i> 3395506099
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 41}"> <i class="am-icon-phone-square"></i> 18631791369
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 51}"> <i class="am-icon-weixin"></i> 18631791369
            </li>
            <li data-am-scrollspy="{animation:'slide-bottom', delay: 211}"> <i class="am-icon-envelope"></i> 3395506099@qq.com
            </li>
        </ul>
    </section>
</div>
<div class="m-contact-us">
    <section class="am-container">
        <div class="am-g">
            <span class="m-u-sm-12 am-u-md-9 am-u-lg-10" data-am-scrollspy="{animation:'slide-left', delay: 100}">拥有不一样的高端网络服务，你还在等什么？点击马上和我们联系！</span>
            <span class="m-u-sm-12 am-u-md-3 am-u-lg-2" data-am-scrollspy="{animation:'slide-right', delay: 100}">
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3395506099&site=qq&menu=yes" class="am-btn am-btn-danger am-radius" rel="external nofollow">马上联系</a>
            </span>
        </div>
    </section>
</div>
<footer class="m-footer">
    <div class="m-footer-bottom">
        <div class="am-container">
            <div class="am-g">
                <span class="m-u-sm-12 am-u-md-9 am-u-lg-10">Copyright @ 2010 - 2016  黄骅市豆豆科技有限公司  All Rights Reserved</span>
                <span class="m-u-sm-12 am-u-md-3 am-u-lg-2 ico am-text-right am-hide-sm-only a m-def">
			        <a href="#" data-am-popover="{content: '3395506099', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-qq"></i></a>
			        <a href="#" data-am-popover="{content: '18631791369', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-phone-square"></i></a>
			        <a href="#" data-am-popover="{content: '18631791369', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-weixin"></i></a>
			        <a href="#" data-am-popover="{content: '3395506099@qq.com', trigger: 'hover focus'}" rel="nofollow"><i class="am-icon-envelope"></i></a>
		        </span>
            </div>
        </div>
    </div>
</footer>
<script>
    var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?43155c1fa77db924b395db0a4cb02241";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();
</script>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="js/ie9all.js"></script>
<![endif]-->
<script src="js/echo.min.js"></script>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/jquery.min.js"></script>
<script src="js/all.js"></script>
<!--<![endif]-->
<script type="text/javascript">
    echo.init({offset:100,throttle:250,unload:false});function mBack(){$("html, body").animate({scrollTop:0},120)}function backToTop(){this.init()}backToTop.prototype={constructor:backToTop,init:function(){this._initBackTop()},_initBackTop:function(){var $backTop=this.$backTop=$('<div class="m-top-cbbfixed"><a class="m-top-weixin m-top-cbbtn""><span class="m-top-weixin-icon"></span><div></div></a><a class="m-top-go m-top-cbbtn" onclick="mBack()"><span class="m-top-goicon"></span></a></div>');$('body').append($backTop);var timmer=null;$(window).bind("scroll",function(){var d=$(document).scrollTop(),e=$(window).height();0<d?$backTop.css("bottom","10px"):$backTop.css("bottom","-90px");clearTimeout(timmer);timmer=setTimeout(function(){clearTimeout(timmer)},100)})}};var backToTop=new backToTop();var scrollspyPC=new Scrollspy({scrollElement:window,offset:75,selector:'.my-navlist a',activeCls:'m-active',reachTarget:function(){if(!$('.my-navlist').is(':visible')){$('.my-navlist').show()}},leaveTarget:function(){if($('.my-navlist').is(':visible')){$('.my-navlist').hide()}}});var navHeight=70;$('.toIntro').on('click',function(){event.preventDefault();$(this).blur();var $w=$(window);$w.smoothScroll({position:$('#intro').offset().top-navHeight,speed:1000})});$('.toContent').on('click',function(){event.preventDefault();$(this).blur();var $w=$(window);$w.smoothScroll({position:$('#content').offset().top-navHeight,speed:1000})});$('.toAbout').on('click',function(){event.preventDefault();$(this).blur();var $w=$(window);$w.smoothScroll({position:$('#about').offset().top-navHeight,speed:1000})});$('.toLink').on('click',function(){event.preventDefault();$(this).blur();var $w=$(window);$w.smoothScroll({position:$('#link').offset().top-navHeight,speed:1000})});
</script>
</body>
</html>